<template>
    输入的源串：<input v-model="msg" placeholder="输入信息" />
    <p>使用计算属性将字符串转换成倒序串：{{ computedName }}</p>         <!-- 在模板中使用计算属性 -->
</template>

<script>
import { reactive, toRefs } from '@vue/reactivity'
import { computed } from '@vue/runtime-core'
export default {
    setup () {
        const state = reactive({
            msg: 'Hello World'
        })

        const computedName = computed(() => {
            return state.msg.split('').reverse().join('')
        })

        return {
            ...toRefs(state),
            computedName
        }
    }
}
</script>